<template>
<!--  计划时间-->
  <div class="plan-time-index">

    <order-module-title title="计划时间"/>
    <div class="plan-time-body">
      <div class="body-item item-border">
        <span>
          <span style="color: red">*</span>
          计划装货时间</span>
      </div>
      <div class="body-item item-border">
        <span>
          <span style="color: red">*</span>
          计划卸货时间</span>
      </div>
      <el-date-picker
          class="body-item item-border"
          v-model="data.loading"
          type="datetime"
          value-format="yyyy-MM-dd HH:mm:ss"
          placeholder="选择计划装货时间">
      </el-date-picker>
      <el-date-picker
          class="body-item item-border"
          v-model="data.unload"
          type="datetime"
          value-format="yyyy-MM-dd HH:mm:ss"
          placeholder="选择计划卸货时间">
      </el-date-picker>
      <div style="clear: both"></div>
    </div>

  </div>
</template>

<script>
import OrderModuleTitle from "@/components/order/component/OrderModuleTitle";
export default {
  name: "PlanedTime",
  props:{
    info: {},
  },
  components:{
    OrderModuleTitle,
  },
  data(){
    return{
      data: {
        loading: '',
        unload: '',
      }
    }
  },
  created() {
  },
  watch:{
    info: function (newValue,oldValue){
      if(newValue !== undefined){
        this.data = newValue
      }
    }
  },
  methods:{

  }
}
</script>

<style scoped lang="scss">

.plan-time-index{

  .plan-time-body{
    margin: 10px 0;
    width: 440px + 1;
    text-align: center;
    background-color: #B3C0D1;
    border-top: 1px black solid;
    border-left: 1px black solid;



    .body-item{
      width: 220px;
      float: left;
      height: 42px;
      line-height: 42px;
    }

    .item-border{
      border-right: 1px black solid;
      border-bottom: 1px black solid;
    }
  }

}


</style>